ion-calendar {

  $btn-width: 40px;

  // padding: 10px 20px;
  box-sizing: border-box;
  display: inline-block;
  background-color: #fff;
  width: 100%;

  .title {

    padding: 0 $btn-width 0 $btn-width;
    overflow: hidden;

    .back, .forward, .switch-btn {
      display: block;
      position: relative;
      float: left;
      min-height: 32px;
      margin: 0;
      padding: 0;
      font-size: 15px;
    }

    .back, .forward {
      color: #757575;
    }

    .back {
      margin-left: -100%;
      left: -$btn-width;
      width: $btn-width;
    }

    .forward {
      margin-left: -$btn-width;
      right: -$btn-width;
      width: $btn-width;
    }

    .switch-btn {
      width: 100%;
      text-align: center;
      line-height: 32px;
      color: #757575;

      .arrow-dropdown {
        margin-left: 5px;
      }
    }
  }

  .days.between {
    .days-btn.is-last, .days-btn.is-first {
      border-radius: 0;
    }
  }

  .component-mode {
    .days.startSelection.is-last-wrap {
      &::after {
        border-radius: 0;
      }
    }

    .days.endSelection.is-first-wrap {
      &::after {
        border-radius: 0;
      }
    }
  }

}


